<template>
	<view class="padding20-30" :style="{ background: pageData.bgColor, textAlign: pageData.display }">
		<view :style="{ fontSize: (pageData.titSize||32)+'rpx', fontWeight: pageData.titWeight||'bold', color: pageData.titColor||'#333' }" 
			v-if="pageData.title">{{ pageData.title }}</view>
		<view :style="{ fontSize: (pageData.subSize||28)+'rpx', fontWeight: pageData.subWeight||'normal', color: pageData.subColor||'#999' }" 
			class="m-top10" v-if="pageData.subtitle">{{ pageData.subtitle }}</view>
	</view>
</template>

<script>
	export default {
		name:'textTitle',
		props:['pageData'],
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">

</style>
